<!DOCTYPE html>
<!-- saved from url=(0035)https://code.balkan.app/Result/good -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>good - BALKAN Code</title>
    <meta name="description" content="family tree">
    <link rel="canonical" href="https://code.balkan.app/Preview/good">

    
    <link rel="icon" type="image/png" href="https://code.balkan.app/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="https://code.balkan.app/favicon-32x32.png" sizes="32x32">
    <style>        
        /*CSS*/
        html,
        body {
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            overflow: hidden;
            font-family: Helvetica;
        }

        #tree {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body _c_t_common="1">
    <!--HTML-->

<script src="./good - BALKAN Code_files/familytree.js.下载"></script> 
<div id="tree" class="bft-dark" style="overflow: hidden; position: relative;"><svg class="_sem5 hugo bft-dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:block;" width="3768" height="1454" viewBox="-1706,-667,3768,1454"><defs><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><style>                          
                                        ._gk5m .bft-edit-form-header, ._gk5m .bft-img-button{
                                            background-color: #aeaeae;
                                        }
                                        ._gk5m.male .bft-edit-form-header, ._gk5m.male .bft-img-button{
                                            background-color: #039BE5;
                                        }        
                                        ._gk5m.male div.bft-img-button:hover{
                                            background-color: #F57C00;
                                        }
                                        ._gk5m.female .bft-edit-form-header, ._gk5m.female .bft-img-button{
                                            background-color: #F57C00;
                                        }        
                                        ._gk5m.female div.bft-img-button:hover{
                                            background-color: #039BE5;
                                        }
                                    </style>
                                    <clippath id="john_img_0"><rect x="6" y="6" rx="54" ry="54" width="108" height="108"></rect></clippath>
                                    <lineargradient id="circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>        
        <g id="circle">
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g>
                                    <lineargradient id="male_circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>        
        <g id="male_circle">
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g>
                                    <lineargradient id="female_circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>        
        <g id="female_circle">
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g><style>                          
                                        ._3n1j .bft-edit-form-header, ._3n1j .bft-img-button{
                                            background-color: #aeaeae;
                                        }
                                        ._3n1j.male .bft-edit-form-header, ._3n1j.male .bft-img-button{
                                            background-color: #039BE5;
                                        }        
                                        ._3n1j.male div.bft-img-button:hover{
                                            background-color: #F57C00;
                                        }
                                        ._3n1j.female .bft-edit-form-header, ._3n1j.female .bft-img-button{
                                            background-color: #F57C00;
                                        }        
                                        ._3n1j.female div.bft-img-button:hover{
                                            background-color: #039BE5;
                                        }
                                    </style>
                                    <clippath id="john_img_0"><rect x="6" y="6" rx="54" ry="54" width="108" height="108"></rect></clippath>
                                    <lineargradient id="circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>        
        <g id="circle">
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g>
                                    <lineargradient id="male_circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>        
        <g id="male_circle">
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g>
                                    <lineargradient id="female_circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>        
        <g id="female_circle">
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g><style>                          
                                        ._vydo .bft-edit-form-header, ._vydo .bft-img-button{
                                            background-color: #aeaeae;
                                        }
                                        ._vydo.male .bft-edit-form-header, ._vydo.male .bft-img-button{
                                            background-color: #039BE5;
                                        }        
                                        ._vydo.male div.bft-img-button:hover{
                                            background-color: #F57C00;
                                        }
                                        ._vydo.female .bft-edit-form-header, ._vydo.female .bft-img-button{
                                            background-color: #F57C00;
                                        }        
                                        ._vydo.female div.bft-img-button:hover{
                                            background-color: #039BE5;
                                        }
                                    </style>
                                    <clippath id="john_img_0"><rect x="6" y="6" rx="54" ry="54" width="108" height="108"></rect></clippath>
                                    <lineargradient id="circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>
        <lineargradient id="circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#aeaeae"></stop>
            <stop offset="100%" stop-color="#aeaeae"></stop>
        </lineargradient>        
        <g id="circle">
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g>
                                    <lineargradient id="male_circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>
        <lineargradient id="male_circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#039BE5"></stop>
            <stop offset="100%" stop-color="#039BE5"></stop>
        </lineargradient>        
        <g id="male_circle">
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#male_circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g>
                                    <lineargradient id="female_circle_linearColors1" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors2" x1="0.5" y1="0" x2="0.5" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors3" x1="1" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors4" x1="1" y1="1" x2="0" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors5" x1="0.5" y1="1" x2="0.5" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>
        <lineargradient id="female_circle_linearColors6" x1="0" y1="1" x2="1" y2="0">
            <stop offset="0%" stop-color="#F57C00"></stop>
            <stop offset="100%" stop-color="#F57C00"></stop>
        </lineargradient>        
        <g id="female_circle">
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors1)" d="M 111.96152422706632 30.000000000000004 A 60 60 0 0 0 61.047144386237 0.00913829061652649"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors2)" d="M 111.96152422706632 90 A 60 60 0 0 0 111.96152422706632 30.000000000000004"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors3)" d="M 60.00000000000001 120 A 60 60 0 0 0 111.96152422706632 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors4)" d="M 8.03847577293368 90 A 60 60 0 0 0 60.00000000000001 120"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors5)" d="M 8.038475772933687 29.999999999999993 A 60 60 0 0 0 8.03847577293368 90"></path>
            <path stroke-width="5" fill="none" stroke="url(#female_circle_linearColors6)" d="M 61.047144386237 0.00913829061652649 A 60 60 0 0 0 8.038475772933687 29.999999999999993"></path>
        </g><style>                          
                                        ._wpm6 .bft-edit-form-header, ._wpm6 .bft-img-button{
                                            background-color: #aeaeae;
                                        }
                                        ._wpm6.male .bft-edit-form-header, ._wpm6.male .bft-img-button{
                                            background-color: #039BE5;
                                        }        
                                        ._wpm6.male div.bft-img-button:hover{
                                            background-color: #F57C00;
                                        }
                                        ._wpm6.female .bft-edit-form-header, ._wpm6.female .bft-img-button{
                                            background-color: #F57C00;
                                        }        
                                        ._wpm6.female div.bft-img-button:hover{
                                            background-color: #039BE5;
                                        }
                                    </style><style>                          
                                        ._h5cy .bft-edit-form-header, ._h5cy .bft-img-button{
                                            background-color: #aeaeae;
                                        }
                                        ._h5cy.male .bft-edit-form-header, ._h5cy.male .bft-img-button{
                                            background-color: #039BE5;
                                        }        
                                        ._h5cy.male div.bft-img-button:hover{
                                            background-color: #F57C00;
                                        }
                                        ._h5cy.female .bft-edit-form-header, ._h5cy.female .bft-img-button{
                                            background-color: #F57C00;
                                        }        
                                        ._h5cy.female div.bft-img-button:hover{
                                            background-color: #039BE5;
                                        }
                                    </style><style>                          
                                        ._orf1 .bft-edit-form-header, ._orf1 .bft-img-button{
                                            background-color: #aeaeae;
                                        }
                                        ._orf1.male .bft-edit-form-header, ._orf1.male .bft-img-button{
                                            background-color: #039BE5;
                                        }        
                                        ._orf1.male div.bft-img-button:hover{
                                            background-color: #F57C00;
                                        }
                                        ._orf1.female .bft-edit-form-header, ._orf1.female .bft-img-button{
                                            background-color: #F57C00;
                                        }        
                                        ._orf1.female div.bft-img-button:hover{
                                            background-color: #039BE5;
                                        }
                                    </style><clippath id="hugo_img_0"><rect id="hugo_img_0_stroke" stroke-width="2" stroke="#fff" x="90" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath>
                                    <lineargradient id="hugo_grad_female" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#FF8024;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#FF46A3;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <lineargradient id="hugo_grad_male" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#00D3A5;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#00A7D4;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <lineargradient id="hugo_grad" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#D0D0D0;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#909090;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <g id="hugo_up">
                                        <circle cx="12" cy="12" r="15" fill="transparent"></circle>
                                        <svg width="24" height="24" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#fff" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#fff" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#fff" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#fff" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
                                    </g>
                                    <g id="hugo_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="11" cy="4" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="18" r="2" fill="#ffffff"></circle></g>
                                    <style>
                                        ._sem5 .bft-edit-form-header{
                                            background: linear-gradient(90deg, #D0D0D0 0%, #909090 100%);
                                        }
                                        ._sem5.male .bft-edit-form-header{
                                            background: linear-gradient(90deg, #00D3A5 0%, #00A7D4 100%);
                                        }
                                        ._sem5.female .bft-edit-form-header{
                                            background: linear-gradient(90deg, #FF8024 0%, #FF46A3 100%);
                                        }  
                                        ._sem5 .bft-img-button{
                                            background-color: #909090;
                                        }      
                                        ._sem5 .bft-img-button:hover{
                                            background-color: #D0D0D0;
                                        }
                                        ._sem5.male .bft-img-button{
                                            background-color: #00A7D4;
                                        }      
                                        ._sem5.male .bft-img-button:hover{
                                            background-color: #00D3A5;
                                        }
                                        ._sem5.female .bft-img-button{
                                            background-color: #FF46A3;
                                        }      
                                        ._sem5.female .bft-img-button:hover{
                                            background-color: #FF8024;
                                        }
                                        
                                    </style><clippath id="hugo_img_0"><rect id="hugo_img_0_stroke" stroke-width="2" stroke="#fff" x="90" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath>
                                    <lineargradient id="hugo_grad_female" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#FF8024;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#FF46A3;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <lineargradient id="hugo_grad_male" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#00D3A5;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#00A7D4;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <lineargradient id="hugo_grad" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#D0D0D0;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#909090;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <g id="hugo_up">
                                        <circle cx="12" cy="12" r="15" fill="transparent"></circle>
                                        <svg width="24" height="24" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#fff" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#fff" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#fff" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#fff" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
                                    </g>
                                    <g id="hugo_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="11" cy="4" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="18" r="2" fill="#ffffff"></circle></g>
                                    <style>
                                        ._obco .bft-edit-form-header{
                                            background: linear-gradient(90deg, #D0D0D0 0%, #909090 100%);
                                        }
                                        ._obco.male .bft-edit-form-header{
                                            background: linear-gradient(90deg, #00D3A5 0%, #00A7D4 100%);
                                        }
                                        ._obco.female .bft-edit-form-header{
                                            background: linear-gradient(90deg, #FF8024 0%, #FF46A3 100%);
                                        }  
                                        ._obco .bft-img-button{
                                            background-color: #909090;
                                        }      
                                        ._obco .bft-img-button:hover{
                                            background-color: #D0D0D0;
                                        }
                                        ._obco.male .bft-img-button{
                                            background-color: #00A7D4;
                                        }      
                                        ._obco.male .bft-img-button:hover{
                                            background-color: #00D3A5;
                                        }
                                        ._obco.female .bft-img-button{
                                            background-color: #FF46A3;
                                        }      
                                        ._obco.female .bft-img-button:hover{
                                            background-color: #FF8024;
                                        }
                                        
                                    </style><clippath id="hugo_img_0"><rect id="hugo_img_0_stroke" stroke-width="2" stroke="#fff" x="90" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath>
                                    <lineargradient id="hugo_grad_female" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#FF8024;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#FF46A3;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <lineargradient id="hugo_grad_male" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#00D3A5;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#00A7D4;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <lineargradient id="hugo_grad" x1="0%" y1="0%" x2="100%" y2="0%">
                                        <stop offset="0%" style="stop-color:#D0D0D0;stop-opacity:1"></stop>
                                        <stop offset="100%" style="stop-color:#909090;stop-opacity:1"></stop>
                                    </lineargradient>
                                    <g id="hugo_up">
                                        <circle cx="12" cy="12" r="15" fill="transparent"></circle>
                                        <svg width="24" height="24" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#fff" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#fff" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#fff" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#fff" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#fff" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
                                    </g>
                                    <g id="hugo_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="11" cy="4" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="18" r="2" fill="#ffffff"></circle></g>
                                    <style>
                                        ._920c .bft-edit-form-header{
                                            background: linear-gradient(90deg, #D0D0D0 0%, #909090 100%);
                                        }
                                        ._920c.male .bft-edit-form-header{
                                            background: linear-gradient(90deg, #00D3A5 0%, #00A7D4 100%);
                                        }
                                        ._920c.female .bft-edit-form-header{
                                            background: linear-gradient(90deg, #FF8024 0%, #FF46A3 100%);
                                        }  
                                        ._920c .bft-img-button{
                                            background-color: #909090;
                                        }      
                                        ._920c .bft-img-button:hover{
                                            background-color: #D0D0D0;
                                        }
                                        ._920c.male .bft-img-button{
                                            background-color: #00A7D4;
                                        }      
                                        ._920c.male .bft-img-button:hover{
                                            background-color: #00D3A5;
                                        }
                                        ._920c.female .bft-img-button{
                                            background-color: #FF46A3;
                                        }      
                                        ._920c.female .bft-img-button:hover{
                                            background-color: #FF8024;
                                        }
                                        
                                    </style><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath><g transform="matrix(1,0,0,1,0,0)" id="dot"><circle class="bft-fill" cx="0" cy="0" r="5" stroke="#aeaeae" stroke-width="1"></circle></g>
            <g id="base_node_menu" style="cursor:pointer;"><rect x="0" y="0" fill="transparent" width="22" height="22"></rect><circle cx="4" cy="11" r="2" fill="#ffffff"></circle><circle cx="11" cy="11" r="2" fill="#ffffff"></circle><circle cx="18" cy="11" r="2" fill="#ffffff"></circle></g>
            <g style="cursor: pointer;" id="base_tree_menu">
                <rect x="0" y="0" width="25" height="25" fill="transparent"></rect>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
                <path fill="#fff" d="M300.434,257.599c-25.945,27.304-60.622,43.875-98.602,43.875c-37.979,0-72.656-16.571-98.602-43.875 c-45.617,28.738-77.826,76.818-85.092,132.736c-1.659,12.77,8.291,24.107,21.201,24.107h225.846 c0-53.371,32.011-99.402,77.838-119.914C330.812,280.165,316.452,267.69,300.434,257.599z"></path>
                <ellipse fill="#fff" cx="201.828" cy="133.868" rx="112.229" ry="133.868"></ellipse>
                <path fill="#fff" d="M396.486,316.885c-53.794,0-97.558,43.764-97.558,97.558S342.693,512,396.486,512c53.792,0,97.557-43.764,97.557-97.558 S450.279,316.885,396.486,316.885z M435.199,431.315h-21.841v21.841c0,9.318-7.554,16.872-16.872,16.872 c-9.318,0-16.872-7.554-16.872-16.872v-21.841h-21.842c-9.318,0-16.872-7.554-16.872-16.872c0-9.319,7.554-16.872,16.872-16.872 h21.842v-21.841c0-9.318,7.554-16.872,16.872-16.872c9.318,0,16.872,7.554,16.872,16.872v21.841h21.841 c9.318,0,16.872,7.554,16.872,16.872C452.072,423.761,444.518,431.315,435.199,431.315z"></path>
            </svg>
            </g>
            <g style="cursor: pointer;" id="base_tree_menu_close">
                <circle cx="12.5" cy="12.5" r="12" fill="#F57C00"></circle>
                <svg width="25" height="25" x="0" y="0" viewBox="0 0 512 512">
    <path fill="#fff" d="m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm-12.284 317.397-58.121 58.132c-6.565 6.553-15.283 10.166-24.557 10.166-19.196 0-34.734-15.526-34.734-34.734 0-9.274 3.612-17.992 10.166-24.557l58.132-58.121c6.785-6.784 6.785-17.783 0-24.568l-58.132-58.121c-6.553-6.565-10.166-15.283-10.166-24.557 0-19.196 15.526-34.734 34.734-34.734 9.274 0 17.992 3.613 24.557 10.166l58.121 58.132c6.785 6.773 17.784 6.773 24.568 0l58.121-58.132c6.565-6.553 15.283-10.166 24.557-10.166 19.196 0 34.734 15.526 34.734 34.734 0 9.274-3.612 17.992-10.166 24.557l-58.132 58.121c-6.785 6.784-6.785 17.783 0 24.568l58.132 58.121c6.553 6.565 10.166 15.283 10.166 24.557 0 19.196-15.526 34.734-34.734 34.734-9.274 0-17.992-3.613-24.557-10.166l-58.121-58.132c-6.784-6.784-17.784-6.773-24.568 0z"></path>
    </svg>
            </g>            
            <g id="base_up">
                <circle cx="15" cy="15" r="15" fill="#fff" stroke="#aeaeae" stroke-width="1"></circle>
                <svg width="20" height="20" x="5" y="5" viewBox="0 0 512 512">
                <path fill="#aeaeae" d="m336.061 377.731c-5.086-6.54-14.511-7.717-21.049-2.631l-44.012 34.231v-200.331c0-8.284-6.716-15-15-15s-15 6.716-15 15v200.331l-44.011-34.231c-6.538-5.086-15.962-3.908-21.049 2.631-5.086 6.539-3.908 15.963 2.631 21.049l62.429 48.556v49.664c0 8.284 6.716 15 15 15s15-6.716 15-15v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.632-21.049z"></path>
                <path fill="#aeaeae" d="m271 497v-49.664l62.429-48.556c6.54-5.086 7.717-14.51 2.631-21.049-5.086-6.54-14.511-7.717-21.049-2.631l-44.011 34.231v-200.331c0-8.284-6.716-15-15-15v318c8.284 0 15-6.716 15-15z"></path>
                <path fill="#aeaeae" d="m320 512h-128c-8.284 0-15-6.716-15-15s6.716-15 15-15h128c8.284 0 15 6.716 15 15s-6.716 15-15 15z"></path>
                <path fill="#aeaeae" d="m320 482h-64v30h64c8.284 0 15-6.716 15-15s-6.716-15-15-15z"></path>
                <path fill="#aeaeae" d="m400 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m112 439c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m256 222c-61.206 0-111-49.794-111-111s49.794-111 111-111 111 49.794 111 111-49.794 111-111 111z"></path>
                <path fill="#aeaeae" d="m367 111c0-61.206-49.794-111-111-111v222c61.206 0 111-49.794 111-111z"></path>
            </svg>
            </g>
            <clippath id="base_img_0"><rect id="base_img_0_stroke" stroke-width="3" stroke="#fff" x="170" y="-5" rx="25" ry="25" width="70" height="70"></rect></clippath></defs><g data-pointer="pointer" transform="matrix(0,0,0,0,100,100)"><radialgradient id="pointerGradient"><stop stop-color="#ffffff" offset="0"></stop><stop stop-color="#C1C1C1" offset="1"></stop></radialgradient><circle cx="16" cy="16" r="16" stroke-width="1" stroke="#acacac" fill="url(#pointerGradient)"></circle></g><g data-n-id="3" style="opacity: 1" transform="matrix(1,0,0,1,0,0)" class="node female" data-sl="0" data-l="0"><rect x="0" y="0" height="120" width="250" stroke-width="1" fill="url(#hugo_grad_female)" stroke="#aeaeae" rx="7" ry="7"></rect><text data-width="230" style="font-size: 18px;font-weight:bold;" fill="#ffffff" x="125" y="85" text-anchor="middle">Laura Shepherd</text><text data-width="230" style="font-size: 14px;" fill="#ffffff" x="125" y="105" text-anchor="middle">1943/1/13</text><use xlink:href="#hugo_img_0_stroke"></use><image preserveAspectRatio="xMidYMid slice" clip-path="url(#hugo_img_0)" xlink:href="https://cdn.balkan.app/shared/w60/1.jpg" x="90" y="-5" width="70" height="70"></image><use x="225" y="10" data-ctrl-n-menu-id="3" xlink:href="#hugo_node_menu"></use><use data-ctrl-n-t-menu-id="3" x="10" y="10" xlink:href="#base_tree_menu"></use></g></svg><style data-bft-styles="">.bft-button{background-color:#039be5;cursor:pointer;width:calc(100%);height:50px;color:#fff;padding-top:5px;padding-left:7px;padding-right:7px;text-align:center;text-transform:uppercase;border:1px solid #3fc0ff;display:inline-block;border-radius:5px}.bft-button.orange{background-color:#f57c00;border:1px solid #ffa03e}.bft-button.yellow{background-color:#ffca28;border:1px solid #ffdf7c}.bft-button.lower{text-transform:unset}.bft-button.transparent{background-color:transparent}.bft-button:hover{background-color:#35afea}.bft-button.orange:hover{background-color:#f79632}.bft-button.yellow:hover{background-color:#ffd452}.bft-button:active{transform:matrix(.98,0,0,.98,0,0)}.bft-button-icon{text-align:initial;cursor:pointer;margin-bottom:15px;color:#039be5}.bft-dark .bft-button-icon:hover{background-color:#2d2d2d}.bft-light .bft-button-icon:hover{background-color:#ececec}.bft-button-icon>img{height:24px;width:24px;vertical-align:middle;padding:7px}.bft-button:focus{outline:0}.bft-button-icon>img{filter:invert(46%) sepia(66%) saturate(2530%) hue-rotate(171deg) brightness(95%) contrast(98%)}.bft-light .bft-button.transparent{color:#039be5}.bft-light .bft-button.transparent:hover{color:#fff}.bft-button-loading{background-color:transparent;cursor:pointer;width:calc(100% - 2px);height:50px;color:#fff;text-align:center;text-transform:uppercase;border:1px solid #027cb7;display:inline-block;display:flex;justify-content:center;align-items:center;display:none}.bft-button-loading .bft-loading-dots div{margin:0 10px}.bft-link-bft-button{position:absolute;right:10px;top:-1px}[data-bft-input-disabled] .bft-link-bft-button{display:none}[dir=rtl] .bft-link-bft-button{left:10px;right:unset}.bft-img-button{width:48px;height:48px;cursor:pointer;border-radius:50%;background-color:#039be5;background-repeat:no-repeat;background-size:24px 24px;background-position:center center;margin:3px;display:inline-block}.bft-img-button:hover{background-color:#f57c00}.bft-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.bft-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.bft-checkbox-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border-radius:5px}.bft-dark [data-bft-input-disabled] .bft-checkbox-checkmark,.bft-dark [data-bft-input-disabled].bft-checkbox input:checked~.bft-checkbox-checkmark,.bft-light [data-bft-input-disabled] .bft-checkbox-checkmark,.bft-light [data-bft-input-disabled].bft-checkbox input:checked~.bft-checkbox-checkmark{background-color:#aeaeae!important}[data-bft-input-disabled].bft-checkbox{cursor:default}[dir=rtl] .bft-checkbox-checkmark{right:0}[dir=rtl] .bft-checkbox{padding-left:unset;padding-right:35px}.bft-dark .bft-checkbox-checkmark{background-color:#333;border:1px solid #5b5b5b}.bft-light .bft-checkbox-checkmark{background-color:#fff;border:1px solid #c7c7c7}.bft-dark .bft-checkbox:hover input~.bft-checkbox-checkmark{background-color:#3c3c3c}.bft-light .bft-checkbox:hover input~.bft-checkbox-checkmark{background-color:#f8f9f9}.bft-dark .bft-checkbox input:checked~.bft-checkbox-checkmark{background-color:#039be5}.bft-light .bft-checkbox input:checked~.bft-checkbox-checkmark{background-color:#039be5}.bft-checkbox-checkmark:after{content:"";position:absolute;display:none}.bft-checkbox input:checked~.bft-checkbox-checkmark:after{display:block}.bft-checkbox .bft-checkbox-checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.bft-filter{user-select:none}.bft-light .bft-filter{color:#757575}.bft-dark .bft-filter{color:#ccc}.bft-filter>div>div{display:inline-block;padding:3px 10px;cursor:pointer}.bft-filter-menu fieldset,.bft-filter>div,.filter-field-selected{border-radius:5px}.bft-filter-menu fieldset{overflow-y:auto;max-height:300px}.bft-filter>div.bft-filter-menu{padding:10px}.bft-light .bft-filter>div.bft-filter-menu,.bft-light .filter-field-selected{background-color:#f8f9f9}.bft-dark .bft-filter>div.bft-filter-menu,.bft-dark .filter-field-selected{background-color:#3c3c3c}.bft-light .bft-filter>div{background-color:#eee}.bft-dark .bft-filter>div{background-color:#333}.bft-form-perspective{transform-style:preserve-3d;perspective:500px;position:absolute;top:32px}.bft-form{box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;padding:14px;transform-origin:top center;user-select:none;display:none;position:relative;max-height:calc(100vh - 100px);overflow-y:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.bft-form-bottom{border-bottom-left-radius:unset;border-bottom-right-radius:unset;border-top-left-radius:5px;border-top-right-radius:5px}.bft-form .separator{margin:0 10px}@media screen and (max-width:1000px){.bft-form-perspective{min-width:100%;max-height:calc(100% - 32px);left:unset!important;right:unset!important;transform:none!important}.bft-form .set{max-height:calc(100vh - 74px)}.bft-form-fieldset{max-width:unset!important}}.bft-light .bft-form .separator{border-bottom:1px solid #c7c7c7}.bft-dark .bft-form .separator{border-bottom:1px solid #5b5b5b}.bft-light .bft-form{background-color:#fff}.bft-dark .bft-form{background-color:#252526}.bft-item{padding:6px 12px 6px 12px;display:flex;flex-direction:row}.bft-light .bft-form .bft-item.selected,.bft-light .bft-form .bft-item:hover{background-color:#0074e8;color:#fff}.bft-dark .bft-form .bft-item.selected,.bft-dark .bft-form .bft-item:hover{background-color:#094771;color:#fff}.bft-item.selected img,.bft-item:hover img{filter:invert(100%)}.bft-item.selected img{visibility:visible!important}.bft-form-fieldset{display:flex;flex-wrap:wrap;margin:0!important}.bft-form-field{flex:1 0 21%;margin:3px;min-width:200px}.bft-form-field-100{flex:1 0 96%;margin:3px;min-width:200px}.bft-input{position:relative}.bft-input>input,.bft-input>select{height:50px;padding:18px 10px 2px 9px;width:100%;box-sizing:border-box;border-style:solid;border-width:1px}.bft-input select{height:50px;padding:20px 5px 4px 5px}[data-bft-input-disabled].bft-input>input,[data-bft-input-disabled].bft-input>select{border-color:transparent!important}.bft-light [data-bft-input-disabled]>input,.bft-light [data-bft-input-disabled]>select{background-color:#fff!important}.bft-dark [data-bft-input-disabled]>input,.bft-dark [data-bft-input-disabled]>select{background-color:#252526!important}[data-bft-input-disabled]>select{appearance:none;padding-left:8px}.bft-input>label{display:inline-block;position:absolute;padding-left:10px;padding-right:10px;color:#acacac;cursor:text;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1 ease-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;text-align:initial;white-space:nowrap}.bft-input>label{top:12px;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 14px)}.bft-input>label.focused,.bft-input>label.hasval{top:-1px}.bft-input>input,.bft-input>select{outline:0;border-radius:5px}.bft-dark .bft-input>label.focused,.bft-light .bft-input>label.focused{color:#039be5}.bft-dark .bft-input>input,.bft-dark .bft-input>select{color:#ccc;background-color:#333;border-color:#5b5b5b}.bft-light .bft-input>input,.bft-light .bft-input>select{color:#757575;background-color:#fff;border-color:#c7c7c7}.bft-light .bft-input>input:focus,.bft-light .bft-input>select:focus{border-color:#039be5;background-color:#f8f9f9}.bft-dark .bft-input>input:focus,.bft-dark .bft-input>select:focus{border-color:#039be5;background-color:#3c3c3c}.bft-dark .bft-input>input.bft-validation-error,.bft-dark .bft-input>select.bft-validation-error,.bft-light .bft-input>input.bft-validation-error,.bft-light .bft-input>select.bft-validation-error{border-color:#ca2a2a}.bft-dark .bft-validation-error-message,.bft-light .bft-validation-error-message{color:#ca2a2a}.bft-link{color:#039be5;cursor:pointer;text-decoration:underline}.bft-link:hover{color:#f57c00}.bft-dark ::-webkit-scrollbar,.bft-light ::-webkit-scrollbar{width:15px}.bft-dark ::-webkit-scrollbar-track{background:#1e1e1e;border-left:1px solid #333}.bft-dark ::-webkit-scrollbar-thumb{background:#424242}.bft-dark ::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.bft-dark ::-webkit-scrollbar-thumb:active{background:#5e5e5e}.bft-light ::-webkit-scrollbar-track{background:#fff;border-left:1px solid #ddd}.bft-light ::-webkit-scrollbar-thumb{background:#c1c1c1}.bft-light ::-webkit-scrollbar-thumb:hover{background:#929292}.bft-light ::-webkit-scrollbar-thumb:active{background:#666}.bft-edit-form{position:fixed;top:0;right:0;height:100%;width:100%;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}@media screen and (max-width:1000px){.bft-edit-form{width:100%}}.bft-dark .bft-edit-form{background-color:#252526}.bft-light .bft-edit-form{background-color:#fff}.bft-edit-form-header{height:200px;text-align:center;border-radius:10px}.export-service .bft-edit-form-header{border-radius:unset}.bft-edit-form-title{color:#fff;margin:0;padding:14px 17px 7px 17px}.bft-edit-form-avatar{border-radius:50%;width:150px;height:150px;position:absolute;top:75px;border:5px solid #fff;left:50%;transform:translateX(-50%);background-color:#cacaca;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0}.bft-edit-form-close{position:absolute;right:14px;top:14px;width:34px;height:34px;cursor:pointer}.bft-edit-form-fields{flex-grow:1;overflow-y:auto;overflow-x:hidden}.bft-edit-form-fields-inner{margin:0 7px 20px 7px}.bft-family-menu{opacity:0;display:inline-block;position:absolute;text-align:left;user-select:none;min-width:270px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0,rgba(0,0,0,.19) 0 6px 20px 0;font:13px/28px Helvetica,"Segoe UI",Arial,sans-serif;border-radius:10px}.bft-family-menu>div:hover img{filter:invert(100%)}.bft-family-menu [data-item]{text-align:start;padding:7px 10px}.bft-dark .bft-family-menu [data-item]{background-color:#252526;color:#acacac;border-bottom:1px solid #333}.bft-dark .bft-family-menu [data-item]:hover{background-color:#094771!important;color:#fff!important}.bft-dark .bft-family-menu [data-item]:hover svg{filter:brightness(0) invert(1)}.bft-light .bft-family-menu [data-item]{background-color:#fff;color:#333;border-bottom:1px solid #c7c7c7}.bft-light .bft-family-menu [data-item]:hover{background-color:#0074e8!important;color:#fff!important}.bft-light .bft-family-menu [data-item]:hover svg{filter:brightness(0) invert(1)}.bft-family-menu [data-item] svg{vertical-align:middle}.bft-family-menu [data-item]:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.bft-family-menu [data-item]:last-child{border-bottom-width:0;border-bottom-style:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.bft-search{position:absolute}@media screen and (max-width:1000px){.bft-search{width:calc(100% - 30px)}}.bft-search .bft-input{margin-bottom:0}.bft-search-input{color:#7a7a7a;width:100%;border:none;outline:0;padding-top:10px;padding-right:47px}.bft-search label{padding-right:47px}.bft-search-image-td{width:43px}.bft-search-text-td{padding-inline-end:7px;line-height:15px;text-align:start}.bft-search table{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0,rgba(0,0,0,.19) 0 6px 20px 0;margin:0 3.5px 0 3.5px;width:calc(100% - 7px);border-radius:7px}.bft-search table tr:first-child td:first-child{border-top-left-radius:7px}.bft-search table tr:first-child td:last-child{border-top-right-radius:7px}[dir=rtl] .bft-search table tr:first-child td:first-child{border-top-left-radius:unset;border-top-right-radius:7px}[dir=rtl] .bft-search table tr:first-child td:last-child{border-top-right-radius:unset;border-top-left-radius:7px}.bft-search table tr:last-child td:first-child{border-bottom-left-radius:7px}.bft-search table tr:last-child td:last-child{border-bottom-right-radius:7px}[dir=rtl] .bft-search table tr:last-child td:first-child{border-bottom-left-radius:unset;border-bottom-right-radius:7px}[dir=rtl] .bft-search table tr:last-child td:last-child{border-bottom-right-radius:unset;border-bottom-left-radius:7px}.bft-dark .bft-search table{background-color:#252526;color:#acacac}.bft-search [data-search-item-id]{cursor:pointer}.bft-search-photo{margin:7px 7px 0 7px;width:32px;height:32px;background-size:cover;background-position:top center;border-radius:50%;display:inline-block;border:1px solid #8c8c8c}.bft-dark .bft-search [data-search-item-id] td{border-top:1px solid #333}.bft-dark .bft-search [data-search-item-id]:hover,.bft-dark .bft-search [data-selected=yes]{background-color:#094771;color:#fff}.bft-light .bft-search table{background-color:#fff;color:#333}.bft-light .bft-search [data-search-item-id] td{border-top:1px solid #c7c7c7}.bft-light .bft-search [data-search-item-id]:hover,.bft-light .bft-search [data-selected=yes]{background-color:#0074e8;color:#fff}.bft-search [data-search-item-id]:first-child td{border-top:unset}.bft-ripple-container{position:absolute;top:0;right:0;bottom:0;left:0}.bft-drag-over rect{opacity:.5}.bft-ripple-container span{transform:scale(0);border-radius:100%;position:absolute;opacity:.75;background-color:#fff;animation:bft-ripple 1s}@-moz-keyframes bft-ripple{to{opacity:0;transform:scale(2)}}@-webkit-keyframes bft-ripple{to{opacity:0;transform:scale(2)}}@-o-keyframes bft-ripple{to{opacity:0;transform:scale(2)}}@keyframes bft-ripple{to{opacity:0;transform:scale(2)}}.bft-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.bft-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.bft-slider.round{border-radius:24px}.bft-slider.round:before{border-radius:50%}svg text:hover{cursor:default}svg.bft-cursor-grab,svg.bft-cursor-grab text:hover{cursor:grab}svg.bft-cursor-nodrop,svg.bft-cursor-nodrop text:hover{cursor:no-drop}svg.bft-cursor-copy,svg.bft-cursor-copy text:hover{cursor:copy}svg.bft-cursor-move,svg.bft-cursor-move text:hover{cursor:move}#bft-close-btn:focus,#bft-close-btn:hover{color:#000;text-decoration:none;cursor:pointer}#bft-id-select:focus{outline:.5px solid #aeaeae}#bft-sampleDialog #title:hover{cursor:default;background:gray}.bft-light{background-color:#fff;font:13px/28px Helvetica,"Segoe UI",Arial,sans-serif}.bft-dark{background-color:#1e1e1e;font:13px/28px Helvetica,"Segoe UI",Arial,sans-serif}.bft-light .bft-fill{fill:#fff}.bft-dark .bft-fill{fill:#1e1e1e}.bft-dark input,.bft-dark select,.bft-light input,.bft-light select{font:16px Helvetica,"Segoe UI",Arial,sans-serif}.bft-dark h1,.bft-light h1{font-size:30px;line-height:1}.bft-edit-form{position:absolute;border-radius:10px}.export-service .bft-edit-form{border-radius:unset}.bft-dark .bft-edit-form{color:#acacac}.bft-light .bft-edit-form{color:#333}.bft-dark ::-webkit-calendar-picker-indicator{filter:invert(70%)}.bft-light ::-webkit-calendar-picker-indicator{filter:invert(50%)}.bft-edit-form-instruments{margin:42px 10px 0 10px;text-align:center;min-height:70px}.bft-img-button svg{position:relative;top:12px}.bft-light .bft-toolbar-container svg circle,.bft-light .bft-toolbar-container svg line,.bft-light .bft-toolbar-container svg path{stroke:#8c8c8c!important}.bft-dark .bft-toolbar-container svg circle,.bft-dark .bft-toolbar-container svg line,.bft-dark .bft-toolbar-container svg path{stroke:#8c8c8c!important}.bft-dark .bft-toolbar-container svg rect{fill:#252526!important}.bft-dark .bft-toolbar-container [data-tlbr=minus] svg{border-left:1px solid #5b5b5b!important;border-right:1px solid #5b5b5b!important;border-bottom:1px solid #5b5b5b!important}.bft-dark .bft-toolbar-container [data-tlbr=plus] svg{border-left:1px solid #5b5b5b!important;border-right:1px solid #5b5b5b!important;border-top:1px solid #5b5b5b!important}.bft-dark .bft-toolbar-container [data-tlbr]>svg{border:1px solid #5b5b5b!important;background-color:#252526!important}</style><div class="bft-search" style="right: 20px; top: 20px;"><div class="bft-form-field" style="min-width: 320px;">
                    <div class="bft-input" data-bft-input="">
                        <label for="_iaoz" class="">Search</label>
                        <input data-binding="" maxlength="256" id="_iaoz" name="_iaoz" type="text" value="" autocomplete="off">
                        
                    </div>
                </div><div></div></div></div>"&gt;
    
    <script>    
        //JavaScript

var family = new FamilyTree(document.getElementById('tree'), {
    mouseScrool: FamilyTree.none,
    mode: 'dark',
    template: 'hugo',
    roots: [3],
    nodeMenu: {
        edit: { text: 'Edit' },
        details: { text: 'Details' },
    },
    nodeTreeMenu: true,
    nodeBinding: {
        field_0: 'name',
        field_1: 'born',
        img_0: 'photo'
    },
    editForm: {
        titleBinding: "name",
        photoBinding: "photo",
        addMoreBtn: 'Add element',
        addMore: 'Add more elements',
        addMoreFieldName: 'Element name',
        generateElementsFromFields: false,
        elements: [
            { type: 'textbox', label: 'Full Name', binding: 'name' },
            { type: 'textbox', label: 'Email Address', binding: 'email' },
            [
                { type: 'textbox', label: 'Phone', binding: 'phone' },
                { type: 'date', label: 'Date Of Birth', binding: 'born' }
            ],
            [
                { type: 'select', options: [{ value: 'bg', text: 'Bulgaria' }, { value: 'ru', text: 'Russia' }, { value: 'gr', text: 'Greece' }], label: 'Country', binding: 'country' },
                { type: 'textbox', label: 'City', binding: 'city' },
            ],
            { type: 'textbox', label: 'Photo Url', binding: 'photo', btn: 'Upload' },
        ]
    },
});

family.on('field', function (sender, args) {
    if (args.name == 'born') {
        var date = new Date(args.value);
        args.value = date.toLocaleDateString();
    }
});


family.load(
    [
       
        { id: 3, pids: [1], gender: 'female', photo: 'https://cdn.balkan.app/shared/w60/1.jpg', name: 'Laura Shepherd', born: '1943-01-13', email: 'laura.shepherd@gmail.com', phone: '+44 845 5752 547', city: 'Moscow', country: 'ru' },
       
    ]
);

    </script>



<script id="removeDragstart">document.body.onmousemove=function(e){ var arr=document.querySelectorAll("img"); for(var i=0;i<arr.length;i++){ if(arr[i].getAttribute("ondragstart")){ arr[i].ondragstart=function(){ return true; }; } } var arr2=document.querySelectorAll("a"); for(var j=0;j<arr2.length;j++){ if(arr2[j].getAttribute("ondragstart")){ arr2[j].ondragstart=function(){ return true; }; } } }</script><style>.PSKT_after:after,.PSKT_after:before{display:none!important}</style><div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
      <div class="xl-chrome-ext-bar__logo"></div>

      <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
      <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
    </div><div id="orgfamily_js_test_div" style="position: fixed; top: -10000px; left: -10000px;"><svg><text data-width="230" style="font-size: 14px;" fill="#ffffff" x="125" y="105" text-anchor="middle">1943/1/13</text></svg></div><div class="q-window-mask q-top-mask" style="display: none;"></div><div id="fatkun-drop-panel">
        <a id="fatkun-drop-panel-close-btn">×</a>
            <div id="fatkun-drop-panel-inner">
                <div class="fatkun-content">
                    <svg class="fatkun-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5892"><path d="M494.933333 782.933333c2.133333 2.133333 4.266667 4.266667 8.533334 6.4h8.533333c6.4 0 10.666667-2.133333 14.933333-6.4l2.133334-2.133333 275.2-275.2c8.533333-8.533333 8.533333-21.333333 0-29.866667-8.533333-8.533333-21.333333-8.533333-29.866667 0L533.333333 716.8V128c0-12.8-8.533333-21.333333-21.333333-21.333333s-21.333333 8.533333-21.333333 21.333333v588.8L249.6 475.733333c-8.533333-8.533333-21.333333-8.533333-29.866667 0-8.533333 8.533333-8.533333 21.333333 0 29.866667l275.2 277.333333zM853.333333 874.666667H172.8c-12.8 0-21.333333 8.533333-21.333333 21.333333s8.533333 21.333333 21.333333 21.333333H853.333333c12.8 0 21.333333-8.533333 21.333334-21.333333s-10.666667-21.333333-21.333334-21.333333z" p-id="5893"></path></svg>
                    <div class="fatkun-title">拖拽到此处</div>
                    <div class="fatkun-desc">图片将完成下载</div>
                </div>
            </div>
    </div></body></html>